@import './_handle.scss';

.mainBackground {
    @include themify() {
        background: themed("main_background") !important;
    }
}

.textColor {
    @include themify() {
        color: themed("text_color") !important;
    }
}

.textColor1 {
    @include themify() {
        color: themed("text_color1") !important;
    }
}

.textColor2 {
    @include themify() {
        color: themed("text_color2") !important;
    }
}

.textColor3 {
    @include themify() {
        color: themed("text_color3") !important;
    }
}

.textColor4 {
    @include themify() {
        color: themed("text_color4") !important;
    }
}

.c2cColor {
    @include themify() {
        color: themed("c2c_color") !important;
    }
}

.tabBackground {
    @include themify() {
        background: themed("tab_background") !important;
    }
}

.tabBackground1 {
    @include themify() {
        background: themed("tab_background1") !important;
    }
}

.tabBackground2 {
    @include themify() {
        background: themed("tab_background2") !important;
    }
}

.activeLine {
    @include themify() {
        background: themed("active_line") !important;
    }
}

.bgFooter {
    @include themify() {
        background: themed("footer_background") !important;
    }
}

.btnMain {
    @include themify() {
        background: themed("btn_main") !important;
    }
}

.colorMain {
    @include themify() {
        color: themed("color_main") !important;
    }
}

.borderMain {
    @include themify() {
        border: 1px solid themed("color_main") !important;
    }
}

.borderColor {
    @include themify() {
        border: 1px solid themed("border_color") !important;
    }
}

.btnBackground {
    @include themify() {
        background: themed("btn_background") !important;
    }
}

.inputBackground {
    @include themify() {
        background: themed("input_background") !important;
    }
}

.inputBackground1 {
    @include themify() {
        background: themed("input_background1") !important;
    }
}

.contBackground {
    @include themify() {
        background: themed("cont_background") !important;
    }
}

.titleColor {
    @include themify() {
        color: themed("title_color") !important;
    }
}

.border-b-color {
    @include themify() {
        border-bottom: 1px solid themed("line_color") !important;
    }
}

.border-t-color {
    @include themify() {
        border-top: 1px solid themed("line_color") !important;
    }
}

.bgDark {
    @include themify() {
        background: themed("bg_dark") !important;
    }
}

.diviLine {
    @include themify() {
        background: themed("divi_line") !important;
    }
}

.bgStep {
    @include themify() {
        background: themed("bg_step") !important;
    }
}

.bgBottom {
    @include themify() {
        background: themed("bg_Bottom") !important;
    }
}

.chatBg {
    @include themify() {
        background: themed("chat_bg") !important;
    }
}

.uploadBg {
    @include themify() {
        background: themed("upload_bg") !important;
    }
}

.greyBg {
    @include themify() {
        background: themed("grey_bg") !important;
    }
}

.c2cBackground {
    @include themify() {
        background: themed("c2c_background") !important;
    }
}

.c2cBackground1 {
    @include themify() {
        background: themed("c2c_background1") !important;
    }
}

.c2cTabBackground {
    @include themify() {
        background: themed("c2c_tab_background") !important;
    }
}

.c2cTipBackground {
    @include themify() {
        background: themed("c2c_tip_background") !important;
    }
}

.lightGreybg {
    @include themify() {
        background: themed("light-greybg") !important;
    }
}

.darkGreybg {
    @include themify() {
        background: themed("dark-greybg") !important;
    }
}